<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷谛净水器-用户中心</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/reset.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ URL::asset('front/style/root.css') }}" />
<link rel="stylesheet" href="{{ URL::asset('front/fonts/font-awesome.min.css') }}">
<script type="text/javascript" src="{{ URL::asset('front/js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('front/js/toogle.js') }}"></script>
</head>
<body>

    <!-- start header -->
    	<div id="header">
         <img src="{{ URL::asset('front/img/logo.png') }}" width="120" height="40" alt="logo" class="logo" />
         	<a href="javascript:void(0)" onclick="WeixinJSBridge.call('closeWindow');" class="button back">
         	    <img src="{{ URL::asset('front/img/wechat-button.png') }}" width="17" height="18" alt="icon" />
            </a>
         	<a href="#" class="button create"><img src="{{ URL::asset('front/img/user.png') }}" width="16" height="16" alt="icon"/></a>
        <div class="clear"></div>
</div>
    <!-- end header -->


    <!-- start page -->
    <div class="page">


            <div class="simplebox">
            	<h1 class="titleh">个人资料</h1>
                <div class="content">
                    <ul class="info">
                      <li class="pos"><img src="{{ $customer->avatar }}"/><b>姓名：</b>{{ $customer->mobile }}<button onclick="window.location.href='{{ route('admin.customer.center') }}'" class="edit">修改</button></li>
                      <li><b>手机：</b>{{ $customer->name }}</li>
                      <li><b>性别：</b>@if($customer->sex == 1)男 @else 女 @endif</li>
                    </ul>
                    <div class="member">
                        <p>我的邀请码:{{ $customer->invite }}</p>
                        <p>当前可用积分{{ $customer->all_points-$customer->use_points }}/累计{{ $customer->all_points }}</p>
                        <p>当前会员级别是[@if($customer->type == 0)粉丝
                                       @elseif($customer->type == 1)试用客户]，你还差{{ 100-$customer->all_points+$customer->use_points  }}积分才可以升级到高级会员
                                         @elseif($customer->type == 2)认证客户]，你还差{{ 500-$customer->all_points+$customer->use_points  }}积分才可以升级到高级会员
                                          @elseif($customer->type == 3)优质客户]，你还差{{ 1000-$customer->all_points+$customer->use_points  }}积分才可以升级到高级会员
                                           @elseif($customer->type == 4)伙伴客户]，你还差{{ 5000-$customer->all_points+$customer->use_points  }}积分才可以升级到高级会员
                                            @elseif($customer->type == 5)至尊VIP]
                                            @endif</p>
                    </div>
                  <!-- start statistics -->
                    {{--<ul class="statistics">--}}
                    {{--@foreach($filterins as $filterin)--}}
                      {{--<li>{{ $filterin->commodity->name }}<br/>&nbsp;  <p>有效期： <span class="red"><b>{{ $filterin->commodity->life }}</b>月</span> <br/><span class="blue"><b>{{ date('Y-m-d',$filterin->start_time) }}</b></span></p>  </li>--}}
                    {{--@endforeach--}}
                    {{--</ul>--}}
                  <!-- end statistics -->


                </div>
      </div>






            <!-- start top button -->
            <div class="topbutton"><a href="#header"><span>Top</span></a></div>
            <!-- end top button -->



            <!-- start footer -->
            <div class="footer">
            © 2014 - 2015  邦顶科技 <a href="http://www.o2bang.com">www.o2bang.com</a> </div>
            <!-- end footer -->




    <div class="clear"></div>
    </div>
    <style type="text/css">
    .info{ width:100%; border-bottom:1px solid #86c6f3;}
    .info li{ width:80%; height:24px; line-height:24px;  fon-size:12px; margin:0 auto;}
    .info li.pos{position:relative;}
    .info li img{ width:25px; height:25px; -webkit-border-radius:25px; position:absolute; left:-12%; top:0;}
    button.edit{ width:60px; height:32px; line-height:32px;-webkit-border-radius:10px; position:absolute; right:5px; top:18px; background:#86c6f3; border:none;}
    .member p{ width:100%; line-height:24px;border-bottom:1px solid #86c6f3; text-align:left;}
    </style>
    <!-- end page -->
<script type="text/javascript" src="{{ URL::asset('front/js/frame.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".agreement").click(function(){
    $(".agreement_content").slideToggle();
  });
});

$("#slideup").click(function(){
  $(".agreement_content").slideUp();
});
</script>
</body>
</html>